<div id="" class="field formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form ui form" ref="webform" novalidate>
    <div id="columns" class="field row formio-component formio-component-columns formio-component-columns  formio-component-label-hidden" ref="component">
      <div class="ui grid" style="width: 100%">
        <div class="6 wide column" ref="column-columns">
          <div id="columnsText" class="field form-group has-feedback formio-component formio-component-textfield formio-component-columnsText " ref="component">
            <label class="">
              Text
            </label>
            <div ref="element">
              <div class="ui input fluid ">
                <input ref="input" name="data[columnsText]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
              </div>
            </div>
            <div ref="messageContainer"></div>
          </div>
        </div>
        <div class="6 wide column" ref="column-columns">
        </div>
      </div>
      <div ref="messageContainer"></div>
    </div>
    <div id="columns2" class="field row formio-component formio-component-columns formio-component-columns2  formio-component-label-hidden" ref="component">
      <div class="ui grid" style="width: 100%">
        <div class="5 wide column" ref="column-columns2">
          <div id="columns2Text" class="field form-group has-feedback formio-component formio-component-textfield formio-component-columns2Text " ref="component">
            <label class="">
              Text
            </label>
            <div ref="element">
              <div class="ui input fluid ">
                <input ref="input" name="data[columns2Text]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
              </div>
            </div>
            <div ref="messageContainer"></div>
          </div>
        </div>
        <div class="5 wide column" ref="column-columns2">
        </div>
        <div class="2 wide column" ref="column-columns2">
        </div>
      </div>
      <div ref="messageContainer"></div>
    </div>
    <div id="fieldset" class="field form-group formio-component formio-component-fieldset formio-component-fieldset  formio-component-label-hidden" ref="component">
      <fieldset>
        <legend ref="header" class="">
          Fieldset
        </legend>
        <div class="card-body" ref="nested-fieldset">
          <div id="fieldsetText" class="field form-group has-feedback formio-component formio-component-textfield formio-component-fieldsetText " ref="component">
            <label class="">
              Text
            </label>
            <div ref="element">
              <div class="ui input fluid ">
                <input ref="input" name="data[fieldsetText]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
              </div>
            </div>
            <div ref="messageContainer"></div>
          </div>
        </div>
      </fieldset>
      <div ref="messageContainer"></div>
    </div>
    <div id="fieldset2" class="field form-group formio-component formio-component-fieldset formio-component-fieldset2  formio-component-label-hidden" ref="component">
      <fieldset>
        <legend ref="header" class="formio-clickable">
          Collapsed
        </legend>
      </fieldset>
      <div ref="messageContainer"></div>
    </div>
    <div id="panel" class="field formio-component formio-component-panel formio-component-panel  formio-component-label-hidden" ref="component">
      <h4 class="ui top attached block header " ref="header">
        Panel
      </h4>
      <div class="ui bottom attached segment" ref="nested-panel">
        <div id="panelText" class="field form-group has-feedback formio-component formio-component-textfield formio-component-panelText " ref="component">
          <label class="">
            Text
          </label>
          <div ref="element">
            <div class="ui input fluid ">
              <input ref="input" name="data[panelText]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
            </div>
          </div>
          <div ref="messageContainer"></div>
        </div>
      </div>
      <div ref="messageContainer"></div>
    </div>
    <div id="panel2" class="field formio-component formio-component-panel formio-component-panel2  formio-component-label-hidden" ref="component">
      <h4 class="ui top attached block header " ref="header">
        <i class="formio-collapse-icon fa fa-plus-square-o text-muted" data-title="Collapse Panel"></i>
        Collapsed
      </h4>
      <div ref="messageContainer"></div>
    </div>
    <div id="panel3" class="field formio-component formio-component-panel formio-component-panel3  formio-component-label-hidden" ref="component">
      <h4 class="ui top attached block header " ref="header">
        <i class="formio-collapse-icon fa fa-minus-square-o text-muted" data-title="Collapse Panel"></i>
        Collapsible
      </h4>
      <div class="ui bottom attached segment" ref="nested-panel3">
        <div id="panel3Text" class="field form-group has-feedback formio-component formio-component-textfield formio-component-panel3Text " ref="component">
          <label class="">
            Text
          </label>
          <div ref="element">
            <div class="ui input fluid ">
              <input ref="input" name="data[panel3Text]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
            </div>
          </div>
          <div ref="messageContainer"></div>
        </div>
      </div>
      <div ref="messageContainer"></div>
    </div>
    <div id="table" class="field table-responsive formio-component formio-component-table formio-component-table  formio-component-label-hidden" ref="component">
      <table class="ui table
    striped
    celled
    selectable
    compact
  ">
        <tbody>
          <tr ref="row-table">
            <td ref="table-table-">
              <div id="tableText" class="field form-group has-feedback formio-component formio-component-textfield formio-component-tableText " ref="component">
                <label class="">
                  Text
                </label>
                <div ref="element">
                  <div class="ui input fluid ">
                    <input ref="input" name="data[tableText]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
                  </div>
                </div>
                <div ref="messageContainer"></div>
              </div>
            </td>
            <td ref="table-table-">
            </td>
            <td ref="table-table-">
            </td>
          </tr>
          <tr ref="row-table">
            <td ref="table-table-">
            </td>
            <td ref="table-table-">
              <div id="tableText2" class="field form-group has-feedback formio-component formio-component-textfield formio-component-tableText2 " ref="component">
                <label class="">
                  Text
                </label>
                <div ref="element">
                  <div class="ui input fluid ">
                    <input ref="input" name="data[tableText2]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
                  </div>
                </div>
                <div ref="messageContainer"></div>
              </div>
            </td>
            <td ref="table-table-">
            </td>
          </tr>
          <tr ref="row-table">
            <td ref="table-table-">
            </td>
            <td ref="table-table-">
            </td>
            <td ref="table-table-">
              <div id="tableText3" class="field form-group has-feedback formio-component formio-component-textfield formio-component-tableText3 " ref="component">
                <label class="">
                  Text
                </label>
                <div ref="element">
                  <div class="ui input fluid ">
                    <input ref="input" name="data[tableText3]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
                  </div>
                </div>
                <div ref="messageContainer"></div>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
      <div ref="messageContainer"></div>
    </div>
    <div id="well" class="field " ref="component">
      <div class="ui secondary segment">
        <div class="content" ref="nested-well">
          <div id="wellText" class="field form-group has-feedback formio-component formio-component-textfield formio-component-wellText " ref="component">
            <label class="">
              Text
            </label>
            <div ref="element">
              <div class="ui input fluid ">
                <input ref="input" name="data[wellText]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
              </div>
            </div>
            <div ref="messageContainer"></div>
          </div>
        </div>
      </div>
      <div ref="messageContainer"></div>
    </div>
    <div id="tabs" class="field formio-component formio-component-tabs formio-component-tabs " ref="component">
      <div class="ui top attached tabular menu">
        <a class="item active" role="presentation" ref="tabLink-tabs">Tab 1</a>
        <a class="item" role="presentation" ref="tabLink-tabs">Tab2</a>
      </div>
      <div role="tabpanel" class="ui bottom attached tab segment active" ref="tab-tabs""><div id=" time" class="field form-group has-feedback formio-component formio-component-textfield formio-component-time " ref="component">
        <label class="">
          Time
        </label>
        <div ref="element">
          <div class="ui input fluid ">
            <input ref="input" name="data[time]" type="text" class="form-control" lang="en" value=""></input>
          </div>
        </div>
        <div ref="messageContainer"></div>
      </div>
    </div>
    <div role="tabpanel" class="ui bottom attached tab segment" ref="tab-tabs""><div id=" time2" class="field form-group has-feedback formio-component formio-component-textfield formio-component-time2 " ref="component">
      <label class="">
        Time2
      </label>
      <div ref="element">
        <div class="ui input fluid ">
          <input ref="input" name="data[time2]" type="text" class="form-control" lang="en" value=""></input>
        </div>
      </div>
      <div ref="messageContainer"></div>
    </div>
  </div>
  <div ref="messageContainer"></div>
</div>
<div id="submit" class="field form-group has-feedback formio-component formio-component-button formio-component-submit  form-group" ref="component">
  <button ref="button" class="ui button primary " name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en">
    Submit
  </button>
  <div ref="buttonMessageContainer">
    <span class="help-block" ref="buttonMessage"></span>
  </div>
  <div ref="messageContainer"></div>
</div>
</div>
<div ref="messageContainer"></div>
</div>